import React from 'react'
import './ddjs.css'
import { Button } from 'react-vant'
import { useNavigate } from 'react-router-dom'
import { Card, NavBar } from 'react-vant'
export default function Ddjs() {
    const Navigate = useNavigate()
    return (
        <div id='yzp2'>
            {/* 头部导航栏 */}
            <NavBar
                title="订单结算"
                leftText=""
                onClickLeft={() => Navigate('/app/xzcc')}
            />
            <div>
                <Card round>
                    <Card.Header>
                        舞台剧东野圭吾【虚无的十字架】
                    </Card.Header>
                    <Card.Body>上海市1862时尚艺术中心</Card.Body>
                    <br /><br />
                    <span>2020.09.17 10:00</span><br />
                    <span>A级票3000.00元 ✖️2张</span>
                </Card>
            </div>
            <div>
                <Card round>
                    <Card.Header>
                        选择观演人
                        <span className='add'>+新建</span>
                    </Card.Header>
                    <Card.Body>卡片内容区域</Card.Body>
                </Card>
            </div>
            <div>
                <Card round>
                    <Card.Header>
                        取票方式
                        <span className='add1'>快速配送</span>
                    </Card.Header>
                    <div>
                        杨泽芃18134121181 <br />
                        <span className='add2'>河北省保定市莲池区南二环振涛学院</span>

                    </div>
                    <Card.Body>
                        配送费
                        <span className='add3'>￥10.0</span>
                    </Card.Body>
                </Card>
            </div>
            <div>
                <Card round>
                    <Card.Body>
                        优惠卷
                        <span className='add4'>-10￥</span>
                    </Card.Body>
                </Card>
            </div>
            <div className='add2'>
                由于票据的时效性，所有票品一经售出不退不换。
            </div>
            <div className='add2'>
                点击提交订单视为同意<span style={{ color: 'red' }}>《服务条款》</span>
            </div>
            <div className='xzcc1'>
                <span className='s1'><span>￥720</span></span>
                <span className='s2'> <Button style={{ width: '160px' }}
                    onClick={() => { Navigate('/app/syt') }}
                    type='danger'>提交订单</Button></span>

            </div>
        </div>
    )
}
